<template>
    <div>
        <TypeNav/>
        <ListContainer/>
        <Recommend/>
        <Rank/>
        <Like/>
        <Floor v-for="floor in floorList" :key="floor.id" :floor="floor"/>
        <Brand/>
    </div>
</template>

<script>
    import ListContainer from "@/pages/Home/ListContainer";
    import Recommend from "@/pages/Home/Recommend";
    import Rank from "@/pages/Home/Rank";
    import Like from "@/pages/Home/Like";
    import Floor from "@/pages/Home/Floor";
    import Brand from "@/pages/Home/Brand";
    import {mapState} from "vuex";
    export default {
        name: "Home",
        components: {
            ListContainer,
            Recommend,
            Rank,
            Like,
            Floor,
            Brand
        },
        methods: {

        },
        mounted() {
            this.$store.dispatch("getFloorList");
        },
        computed: {
            ...mapState({
                floorList: function (state) {
                    return state.home.floorList;
                }
            })
        }
    }
</script>

<style scoped>

</style>